﻿﻿@charset "utf-8";
/* CSS Document */


label{
	color:#FFF;	
	font: Arial, Helvetica, sans-serif;
}

body{
	margin:0;
	padding:0;
	text-align:center; /* hack para o IE */
	font-family: Arial, Helvetica, sans-serif;
}

img{
	border:none;	
}

a{
	text-decoration:none;
		
}

a:link{
	text-decoration:none;		
}


a:hover{
	color:#F90;
	text-decoration:none;	
}

h1{
	color:#FFF;
}

li{
	list-style:none;
	padding-left: 30px;
	padding-bottom:10px;
	color: #FFF;	
	
}

li, a{
	color: #FFF;	
}



#tudo {
	width: 828px;
	margin:0 auto;         
	padding: 10px;
	text-align:left; /* "remédio" para o hack do IE */ 
}

.logotipo{
	background:no-repeat;
	background-image:url(../imagens/crtlaula2.png);
	width: 340px;
	height:103px;
	float:left;
	
}

.menu{
	float:right;
}


#mapaDeNavegacao{
	clear: both;	
	padding-top:20px;
}

.mapa{
	padding-left: 25px;	
}

#centro{
	background-color:#E1E1E1;
	width:828px;
	height:450px;
	clear:both;
	padding-top:10px;
}


/* FORMULARIO LOGIN */


.login{
	height: 321px;
	width: 293px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	margin-left: 40px;
	margin-top: 65px;
	float:left;
	background-color:#6464FF;
}

.loginFormulario{
	width:200px;
	padding-top:35px;
	padding-left: 65px;
	color:#FFF;
}

.loginFormulario textbox{
	height:20px;
}

.imagemLogin{
	width: 353px;
}

.imagemFormulario{
	margin: 0 auto;
	padding-left: 20px;
}

/* FORMULARIO RESERVA */


.reservaDeAmbiente{
	height: 321px;
	width: 361px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	margin-left: 40px;
	margin-top: 65px;
	background-color:#6464FF;
}

.formularioReserva{
	width:200px;
	padding-top:35px;
	padding-left: 65px;
	color:#FFF;
}

.formularioReserva textbox{
	height:20px;
}

.imagemReserva{
	padding-left:23px;
}

/* Tabela */


.tabelaMaior{
	margin-left: 25px;
	margin-top: 5px;
}

.tituloTabela{
		
}




/* FORMULARIO LOGIN */


.login{
	height: 321px;
	width: 353px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	margin-left: 30px;
	margin-top: 65px;
	float:left;
	background-color:#6464FF;
}

.loginFormulario{
	width:200px;
	padding-top:35px;
	padding-left: 65px;
	color:#FFF;
}

.loginFormulario textbox{
	height:20px;
}

.imagemFormulario{
}

/* FORMULARIO CADASTRO USUARIO */


.cadastrarUsuario{
	height: 321px;
	width: 405px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	margin-left: 40px;
	margin-top: 65px;
	background-color:#6464FF;
}

.formularioCadastro{
	width:200px;
	padding-top:35px;
	padding-left: 40px;
	color:#FFF;
}


.imagemCadastrarUsuario{
	padding-left:45px;
}


/* FORMULARIO CADASTRO Ambiente */


.imagemCadastrarAmbiente{
	padding-left:45px;
}

/* Formulario cadastro suprimento */

.imagemCadastrarSuprimento{
	padding-left:65px;
}

/* FORMULARIO visualizar suprimentos */


.visualizarSuprimentos{
	height: 395px;
	width: 770px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	margin-left: 30px;
	margin-top: 10px;
	background-color:#6464FF;
}

.formularioVisualizar{
	width:200px;
	padding-top:5px;
	padding-left: 10px;
	color:#FFF;
}


.imagemVisualizarSuprimentos{
	padding-left:240px;
}


/**/




/* SEPARANDOOOO */

.noticias{
	float: right;
	padding-top:65px;
	padding-right:60px;	
}



#blocos{
	padding-top:50px;	
}

.centroEsquerdoTitulo img{
	margin-top: 30px;
	margin-left: 10px;	
}

.centroEsquerdoTitulo h1{
	padding-left:100px;	
	margin-top: -22px;
}

.centroMeioTitulo img{
	margin-top: 25px;
	margin-left: 10px;	
}

.centroMeioTitulo h1{
	padding-left:110px;	
	margin-top: -22px;
}



.centroDireitoTitulo img{
	margin-top: 12px;
	margin-left: 10px;	
}

.centroDireitoTitulo h1{
	padding-left:80px;	
	margin-top: -22px;
}

#blocos h1{
	font-size: 18px;	
}


#blocos ul{
	text-align:right;
	padding-right: 20px;
	padding-top:10px;
	font-size:16px;	
}

#blocos hr{
	color: #FFF;
}

.centroEsquerdo{
	background-color:#00006A;
	width:247px;
	height:312px;
	float:left;
	margin-left:22px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	behavior:url(border-radius.htc);
	
}

.centroEsquerdo .h1{
	padding-left: 17px;
	
}

.centroMeio{
	background-color:#0000D5;
	width:247px;
	height:312px;
	float:left;
	margin-left:22px;
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	behavior:url(border-radius.htc);
}

.centroDireito{
	background-color:#6464FF;
	width:247px;
	height:312px;
	float:left;
	margin-left:22px;
	
	-moz-border-radius: 20px; /* Para Firefox */
	-webkit-border-radius: 20px; /*Para Safari e Chrome */
	border-radius: 20px; /* Para Opera 10.5+*/
	behavior:url(border-radius.htc);
}


#rodape{
	padding-top:20px;
}

.rodapeEsquerdo{
	background-image:url(../imagens/logo2.png);
	background-repeat:no-repeat;
	float:left;
	width:164px;
	height: 67px;
}

.rodapeDireito{
	float:right;
	
}

.formulario{
	width:500px;
	margin-left:170px;
	margin-top: 30px;
}


/*
Tabela
*/




#psdgraphics-com-table {
	margin:0;
	padding: 4px;
	width: 225px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#747474;
	background-color:#0c2a62;
}



.psdg-bold {
	font: bold 18px Arial, Helvetica, sans-serif;
	color:white;
	
}

#psdg-top {
	margin:0;
	padding: 0;
	width: 225px;
	height: 46px;
	border-top: 2px solid #FFF;
	background: #eff4ff url(imagens/top-light-blue.png) repeat-x left top;	
}

.psdg-top-cell {
	float:left;
	padding: 15px 0 0 0;
	text-align:center;
	width:87px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}

.psdg-top-cell-left {
	float:left;
	padding: 15px 0 0 0;
	text-align:left;
	width:112px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
	padding-left: 24px;
}


#psdg-middle {
	margin:0;
	padding: 0;
	width: 225px;
	background: #f6f6f6 url(imagens/center-bcg.png) repeat-y right top;	
}

.psdg-left {
	float:left;
	margin:0;
	padding: 10px 0 0 24px;
	width: 112px;
	text-align: left;
	height: 25px;
	border-right: 1px solid #ced9ec;
	border-bottom: 1px solid #b3c1db;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
	background: #e4ebf8 url(imagens/center-blue.png) repeat-y left top;
}

.psdg-left label{
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}



.psdg-right {
	float:left;
	margin:0;
	padding: 11px 0 0 0;
	width: 87px;
	text-align:center;
	height: 24px;
	border-right: 1px solid #ced9ec;
	border-bottom: 1px solid #b3c1db;
}

#psdg-bottom {
	clear:both;
	margin:0;
	padding: 0;
		
}


.psdg-bottom-cell {
	float:left;
	padding: 15px 0 0 0;
	text-align:center;
	width:105px;
	height: 33px;
	border-right: 1px solid #ced9ec;
	color:#070707;
	font: 13px Arial, Helvetica, sans-serif;
}



#psdg-footer {
	font-size: 10px;
	color:#8a8a8a;
	margin:0;
	padding: 8px 0 8px 12px;
	width: 200px;
	background: url(imagens/center-bcg.png) repeat-y right top;	
}

.tabelaConfirmar{
	background-color:#0c2a62;
	width: 770px;
}

.tabelaConfirmar-top{
	padding: 15px 0 0 0;
	text-align:center;
	width:100px;
	height: 31px;
	border-top: 2px solid white;
	background-color: #EFF4FF;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}
.tabelaConfirmar-top-cell-dt{
	text-align:center;
	width:70px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}
.tabelaConfirtmar-top-cell-hr{
	text-align:center;
	width:55px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}

.tabelaConfirmar-top-cell{
	text-align:center;
	width:160px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}
.tabelaConfirmar-top-cell-op{
	text-align:center;
	width: 250px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}
.tabelaConfirmar-top-cell-po{
	text-align:center;
	width: 240px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}
.tabelaConfirmarCorpo{
	padding: 15px 0 0 0;
	text-align:center;
	width: 250px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 13px Arial, Helvetica, sans-serif;
}
.tabelaConfirmarCorpo-par{
	background-color: #E4EBF8;
}
.tabelaConfirmarCorpo-impar{
	background-color: #B3C1DB;
}	
